<template>
  <div id="app">
    <!--面包屑-->
    <div class="boreder" style="">
      <Breadcrumb>
        <Breadcrumb-item href="/"><Icon type="home"></Icon>首页</Breadcrumb-item>
        <Breadcrumb-item><router-link :to="{name:'Online'}">在线预约</router-link></Breadcrumb-item>
      </Breadcrumb>
    </div>
    <hr style="margin-top: 5px; height:1px;border:none;border-top:1px solid gray;">
    <!--内容-->

    <!---->
    <div class="content" style="margin-top: 50px">
      <div style="width: 100px;text-align: right;float: left;font-size: 20px;">
        <span>留言内容:</span>
      </div>
      <div style="width: 333px;margin-left: 150px;">
        <Input style="" v-model="value3" type="textarea" :rows="4" placeholder="请输入留言内容"></Input>
      </div>
      <div style="margin-top: 50px">
        <span style="margin-left: 15px;font-size: 20px;margin-right: 66px">手机号:</span>
        <Input v-model="value" placeholder="请输入手机号" style="width: 333px"></Input>
      </div>
      <div style="margin-top: 50px;margin-left: 10px">
        <Button style="width: 150px;font-size: 20px" type="info">提交</Button>
      </div>
    </div>
  </div>
</template>

<script>
    export default {
      name: "Online",
      methods:{

      }
    }
</script>

<style scoped>

</style>
